<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A Beautiful Table</title>
<link rel="stylesheet" type="text/css" media="screen" href="css-table.css" />
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/style-table.js"></script>
</head>
<body background = "img/5.jpg">

<caption>&nbsp &nbsp欢迎进入管理员后台管理!&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp
&nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp<a href="back.jsp">退出该系统</a></caption></br>
<table id="travel" summary="欢迎进入管理员后台管理"></br>
   <form name="bookFrom" action="findGroup" method="post">
  <input type="search" name="user_search" placeholder="search" />
  <input type="submit" />
</form>
</br> </br> 
    <thead> 
    	<tr>
            <th scope="col" colspan="12">小组成员及设置</th>
        </tr>
        
        <tr>
            <th scope="col">小组编号</th>
            <th scope="col">小组名称</th>
            <th scope="col">小组组长</th>
            <th scope="col">小组简介</th>
            <th scope="col">邀请成员</th>
            <th scope="col">查看具体信息</th>
            <th scope="col">删除改组</th>
        </tr>        
    </thead>
    
    <tfoot>
    	<tr>
        	<th scope="row">All modes</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tfoot>
    
    <tbody>
 <c:forEach items="${list}" var="u">
<tr
bgcolor="#FFFFFF"
onMouseMove="javascript:this.bgColor='#00FFCC';"
onMouseOut="javascript:this.bgColor='#FFFFFF';"

>
<td>${u.id}</td>
<td>${u.name}</td>
<td>${u.leader}</td>
<td>${u.introduction}</td>
<td><a href="user?type=toedit&uid=${u.id}">邀请新成员</a></td>
<td><a href="user?type=toedit&uid=${u.id}">查看信息</a></td>
<td><a href="user?type=del&uid=${u.id}" onclick="return confirm('确认删除么？');">删除该组</a></td>
</tr>
</c:forEach>
        
    </tbody>

</table>
<div>
	<a href="BookShow?curPage=1">首页</a>
	<c:choose>
		<c:when test="${page.curPage==1 }">
			<a href="BookShow?curPage=${page.curPage }">上一页</a>
		</c:when>
		<c:otherwise>
			<a href="BookShow?curPage=${page.curPage-1 }">上一页</a>
		</c:otherwise>
	</c:choose>
	<c:choose>
		<c:when test="${page.curPage==page.totalPageCount }">
			<a href="BookShow?curPage=${page.curPage }">下一页</a>
		</c:when>
		<c:otherwise>
			<a href="BookShow?curPage=${page.curPage+1 }">下一页</a>
		</c:otherwise>
	</c:choose>
	<a href="BookShow?curPage=${page.totalPageCount }">尾页</a>
</div>
</br>
<form name="bookFrom" action="addBook" method="post">
	小组名：<input name="name" type="text"/><br/>
	组&nbsp&nbsp&nbsp长：<input name="leader" type="text"/><br/>
	简&nbsp&nbsp&nbsp介：<input name="introduction" type="text"/><br/>
	<input type="submit" value="添加小组" />
</form>
</body>
</html>